import { ChartData } from './bean';

const data:ChartData[] = [
  {
    id: 1,
    title: "多坐标系混合图",
    props: {
      type: "mix",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,15],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true,
          title: "单位：年"
        },
        yAxis: {
          disabled: false,
          disableGrid: false,
          splitNumber: 5,
          gridType: "dash",
          dashLength: 4,
          gridColor: "#CCCCCC",
          padding: 10,
          showTitle: true,
          data: [
            {
              position: "left",
              title: "折线"
            },
            {
              position: "right",
              min: 0,
              max: 200,
              title: "柱状图",
              textAlign: "left"
            },
            {
              position: "right",
              min: 0,
              max: 200,
              title: "点",
              textAlign: "left"
            }
          ]
        },
        extra: {
          mix: {
            column: {
              width: 20
            }
          }
        }
      },
      charData: {
        categories: ["2018","2019","2020","2021","2022","2023"],
        series: [
          {
            name: "曲面",
            type: "area",
            style: "curve",
            data: [70,50,85,130,64,88]
          },
          {
            name: "柱1",
            index: 1,
            type: "column",
            data: [40,{"value":30,"color":"#f04864"},55,110,24,58]
          },
          {
            name: "柱2",
            index: 1,
            type: "column",
            data: [50,20,75,60,34,38]
          },
          {
            name: "曲线",
            type: "line",
            style: "curve",
            color: "#1890ff",
            disableLegend: true,
            data: [70,50,85,130,64,88]
          },
          {
            name: "折线",
            type: "line",
            color: "#2fc25b",
            data: [120,140,105,170,95,160]
          },
          {
            name: "点",
            index: 2,
            type: "point",
            color: "#f04864",
            data: [100,80,125,150,112,132]
          }
        ]
      }
    }
  }
]

export default  data;